@charset "UTF-8";
// Author:   楼利英 Description: 我的帐户左侧menu栏
@import "../base/_common";

.aside-nav {
	width: 228px;
	float: left;
	font-size: 14px;
  	border: 1px solid #dbdbdb; 
  	ul{}
  	li{}
  	.menu-level-1-item {
  		.menu-level-1-title{
  			height: 50px;
  			line-height: 50px;
  			span {
  				padding-left: 46px;
		        font-weight: 600;
		        font-size: 15px;
	    	}
  		}
    	.cursor-pointer {
    		cursor: pointer;
    		.arrow {	
    			display: block;
    		}
    	}
	}
	.menu-level-1-title {
    	position: relative;
	}
	.arrow {
	   	position: absolute;
	   	right: 20px;
	   	top:22px;
	    width: 7px;
	    height: 5px;
	    //background: url(#{$imgurl-base}/member/user-center-framework/ui/icon/icon.arrow.down.jpg) center center no-repeat; 
	    background:url(#{$imgurl-base}/member/icon.arrow.down.jpg) no-repeat center center;
	}
	.hide{
		display: none;
	}
	.my-trade{
		.menu-level-1-title{
		 	background:url(#{$imgurl-base}/member/icon.credit.card.jpg) 18px center no-repeat;
   			//background: url(#{$imgurl-base}/member/user-center-framework/ui/icon/icon.credit.card.jpg) 18px center no-repeat; 
   		}
   	}
   	.my-account{
   		.menu-level-1-title{
   			background:url(#{$imgurl-base}/member/icon.person.jpg) 18px center no-repeat;
   			//background: url(#{$imgurl-base}/member/user-center-framework/ui/icon/icon.person.jpg) 18px center no-repeat; 
   		}
   }
   .msg-center{
   		.menu-level-1-title{
   			background:url(#{$imgurl-base}/member/icon.message.jpg) 18px center no-repeat;
    		//background: url(#{$imgurl-base}/member/user-center-framework/ui/icon/icon.message.jpg) 18px center no-repeat;
    	}
   }   
   .menu-level-2-hidden {
    	height: 0; 
	}
	%comma{
		display: block;
	    line-height: 36px;
	    color: #333;
	    width: 183px;
	    height: 36px;
	    padding-left: 45px;
	    -webkit-transition: background-color 300ms ease-out;
	    -moz-transition: background-color 300ms ease-out;
	    transition: background-color 300ms ease-out;

	}
	.menu-level-2-item{
		a{
			@extend %comma;
			&:hover{
				text-decoration: none;
				background-color: #dcf4ff;
			}
		}
		&.selected{
			background-color: #03a9f4;
			a{
				color:#fff;
				&:hover{
					text-decoration: none;
					background-color: #03a9f4;
				}
			}
		}
	}
	.menu-level-2-hidden-item{
		a{
			@extend %comma;
			&:hover{
				text-decoration: none;
				background-color: #dcf4ff;
			}
		}
		&.selected{
			background-color: #03a9f4;
			a{
				color:#fff;
				&:hover{
					text-decoration: none;
					background-color: #03a9f4;
				}
			}
		}
	}
}	
.ie7 {
	.aside-nav {
  		width: 220px; 
  		.menu-level-2-hidden-item {
  			a{
  				width: 175px;
  			}
  		}
  		.menu-level-2-item{
  			a{
  				width: 175px;
  			}
  		}
  	}
  	.menu-level-1 {
  		> span {
  			top: 18px; 
  		}
  	}
}


/* account main content css*/
.my-main{
	width: 950px;
	float: right;
	padding-left: 10px;
	height: auto !important;
    min-height: 300px;
	/* 右侧主 tit */
	.main-tit{
		height: 40px;
		line-height: 40px;
	    margin-bottom: 30px;
	    padding-left: 20px;
		background-color: #f3f3f3;
	    border-bottom: 1px solid #e8e8e8;
	    color: #666;
	    font-size: 14px;
	    font-weight: 600;
	}
	/* 右侧 搜索无数据 区 */
	.no-data{
		height: 60px;
    	line-height: 60px;
		color: #666;
   		font-size: 14px;  
   		text-align: center;  	
	}
}

/* 右侧 用户头像欢迎 区*/
.sec-greeting {
	height: 140px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    .avatar {
    	float: left;
    	width: 81px;
    	height: 81px;
    	margin: 30px;
	    border-radius: 50%;
	}
	.msg-greeting {
		float: left;
		width: 800px;
		margin-top: 50px;
	    color: #999;
	    font-size: 18px;
	    font-weight: 600;
	    span {
		    color: #444;
		}
	}
	.msg-unread {
	    color: #333;
	    margin-left: 0;
	    margin-top: 12px;
	    a{
	    	color: #f00;
	    }
	}
}